
   <h2>Custom Menu Item</h2>
    <p>Right click on page to display menu, move to the 'Open' item to display its custom sub content.</p>
    <div style="margin:20px 0;"></div>
    <div id="__mm" style="width:120px;">
        <div>New</div>
        <div>
            <span>Open</span>
            <div class="menu-content" style="text-align:left;padding:10px">
                <div style="font-weight:bold;font-size:14px;margin-bottom:10px">Select Your Language:</div>
                <ul id="tt">
                    <li>Java</li>
                    <li>Basic</li>
                    <li>C++</li>
                    <li>Fortran</li>
                </ul>
            </div>
        </div>
        <div data-options="iconCls:'icon-save'">Save</div>
        <div data-options="iconCls:'icon-print'">Print</div>
        <div class="menu-sep"></div>
        <div>Exit</div>
    </div>
    <script>
        $(function(){
            $('#__mm').menu();
            $('#tt').tree();
            $(document).bind('contextmenu',function(e){
                e.preventDefault();
                $('#__mm').menu('show', {
                    left: e.pageX,
                    top: e.pageY
                });
            });
        });
    </script>

